<template>
  <m-page>
    <!-- 还款计划页 -->
    <m-header title="电子合同"></m-header>
    <!-- 头部 -->
    <div class="g-header">
      <div>
        <span>借款总额：<b>￥112,000.00</b></span>
        <span>等额本息</span>
      </div>
      <div>
        <span>借款利息：<b>9.000%</b></span>
        <span>总利息：<b>￥10,000.00</b></span>
      </div>
    </div>
    <!-- 时间轴 -->
    <div class="g-timeline">
      <div class="g-timeline-tip">
        <span>共24个月</span>
      </div>
      <div class="g-timeline-line">
        <ynet-steps
          :steps="steps"
          direction="vertical"
          vertical-adaptive
        ></ynet-steps>
      </div>
    </div>
  </m-page>
</template>

<script>
import { Button, Steps } from "ynet-mobile";
export default {
  components: {
    [Button.name]: Button,
    [Steps.name]: Steps
  },
  data() {
    return {
      steps: [
        {
          name: "还款金额：￥2,222.22",
          text: "含本金：￥222.22 + 利息：￥666.66"
        },
        {
          name: "还款金额：￥2,222.22",
          text: "含本金：￥222.22 + 利息：￥666.66"
        },
        {
          name: "还款金额：￥2,222.22",
          text: "含本金：￥222.22 + 利息：￥666.66"
        },
        {
          name: "还款金额：￥2,222.22",
          text: "含本金：￥222.22 + 利息：￥666.66"
        },
        {
          name: "还款金额：￥2,222.22",
          text: "含本金：￥222.22 + 利息：￥666.66"
        },
        {
          name: "还款金额：￥2,222.22",
          text: "含本金：￥222.22 + 利息：￥666.66"
        },
        {
          name: "还款金额：￥2,222.22",
          text: "含本金：￥222.22 + 利息：￥666.66"
        }
      ]
    };
  },
  created() {},
  methods: {
    handClick() {
      // 返回上一个页面
      app.api.pushWindow();
    }
  },
  mounted() {},
  watch: {},
  computed: {}
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>
